#page-contents{
    border-radius:5px;
    min-height: 88vh;
    /*min-height: 100%;*/
}

@media screen and (min-width:992px){
    #page-contents{
        min-height: 100vh;
        min-height:100%;
    }
}

p{line-height: 1.8rem !important;}

#page-contents a{color:#00ccff;}
@media screen and (max-width:991.98px){
#page-contents a{text-decoration: underline;overflow-wrap:break-word;}
#page-contents a:focus{text-decoration: none;}
#page-contents a:hover{text-decoration: none;}
#page-contents a:active{text-decoration: none;}
#page-contents a:visited{text-decoration: none;}
}
#page-contents img{max-width: 100%;margin-bottom:30px;}

.breadcrumb{
    background-color: #ffffff;
    padding:0;
    margin-bottom: 0;
    font-size: 0.925rem;
}

#blog-sidebar #blog-sidebar-inner{
    margin: auto;
    max-width: 90%;
}



#blog-sidebar{
    background-color: #ffffff;
    padding:0;
}

@media screen and (min-width:768px){
    #blog-sidebar{
        border-radius: 5px;
        padding-top:1rem;
    }
}

@media screen and (max-width:767.8px){
    #blog-sidebar{
        
    }
}

@media screen and (min-width:992px){
    #blog-sidebar-recently,#blog-sidebar-category{
        padding:0;
    }
}

@media screen and (max-width:575.8px){
    #blog-sidebar-recently,#blog-sidebar-category{
        padding:0;
    }
}

#page-contents h1{
    color:#424344;
    font-size:1.6rem;
    font-weight:bold;
    padding:18px 18px 18px 0px;
    margin:0 0 0px 0;
    line-height: 2.5rem;
}

/*bloglistpage-inner*/
#bloglist-page-inner{
    min-height: 75vh;
}

#blog-head{
    margin-bottom:30px;
    padding-bottom:18px;
    border-bottom: solid 1px #dadada;
}

#blog-head-date{
    font-size:0.95rem;
    margin-right:2rem;
    color:#999;
}

.blog-head-category{
    display:inline-block;
    font-size:0.8rem;
    padding:0.35rem 0.75rem;
    margin-right:0.5rem;
    color:#212529;
    border-radius:5px;
}

.blog-head-category{
    border-radius:1rem;
    padding:0.25rem 1rem;
    border:solid 2px #00ccff;
    font-size: 0.8rem;
    color:#fff !important;
    background-color:#00ccff;
    text-decoration: none !important;
}

.blog-head-category:hover{
    background-color: #00ccff;
    border-color:#00ccff;
    color:#fff !important;
    text-decoration: underline !important;
}

.blog-head-category-disabled:hover{
    border-radius:1rem;
    padding:0.25rem 1rem;
    border:solid 2px #999;
    font-size: 0.8rem;
    background-color: #fff;
    color:#999 !important;
    text-decoration: none !important;
}

#page-contents h2{
color:#363738;
font-size:1.2rem;
font-weight:bold;
border-left:solid 7px #00ccff;
padding:2px 0 2px 15px;
margin:60px 0 24px 0;
}


#blog-sidebar h2{
    color:#363738;
    font-size:1.2rem;
    font-weight:bold;
    padding:12px 0px 12px 0px !important;
    margin:12px 0 0 0;
    border-bottom:solid 1px #dadada;
}


/*category-list*/
#blog-category-list{
    list-style: none;
    margin:0;
    padding:1rem 0 2rem 0;
    padding-left:0;
}

@media screen and (min-width:768px){
    #blog-category-list{
        text-align: center;
    }
}

@media screen and (min-width:992px){
    #page-contents{
        padding:2.5rem 5rem;
    }
}

@media screen and (max-width:767.8px){
#blog-category-list{
    text-align: left;
}
}

#blog-category-list li{
    display:inline-block;
    padding:0.5rem 0.25rem;
}

#bloglist{
    list-style: none;
    padding-left:0px;
    margin-bottom:30px;

}

#bloglist li{
    border-top:solid 1px #dedede;
    font-size:0.9rem;
}

#bloglist li:last-child{
    border-bottom:solid 1px #dedede;
}

/* for blog-sidebar*/
@media screen and (min-width:992px){
    #blog-sidebar  #bloglist > li > a{
        padding:1rem 0;
        font-size:0.85rem;
    }
}

#blog-sidebar  #bloglist > li:first-child{
    border-top:none;
}


#bloglist > li > a{
    display:block;
    padding:1.25rem;
    color:#252729;
    text-decoration: none;
}

#bloglist > li > a:hover{
    background-color:#f9fdff;
}

/*一覧ページのみ適用*/
.bloglist-wrap{
    padding:0;
}

@media screen and (min-width:992px){
.bloglist-li-head{
    text-align: right;
}
}

@media screen and (max-width:991.8px){
.bloglist-li-head{
    text-align: left;
    margin-bottom:5px;
}
}
    
.bloglist-li-title{
    text-align:left;
}

.bloglist-li-date{

}


.bloglist-li-category{
    /*display:inline-block;
    width:7rem;
    text-align:center;
    color:#00ccff;
    border:solid 1px #00ccff;
    margin:0 1rem;
    border-radius:3px;*/
    
    font-size:0.8rem;
    display:inline-block;
    width:7rem;
    text-align:center;
    color:#fff;
    background-color:#999;
    margin:0 1rem;
    border-radius:3px;
}

/*for blog-sidebar*/
@media screen and (min-width:768px){
    #blog-sidebar #bloglist .bloglist-li-category{
        margin:0 0.5rem;
    }
    #blog-sidebar .bloglist-li-title{
        padding-top:0.5rem;
        padding-bottom:0;
    }
    #blog-sidebar .bloglist-li-head{
        text-align:left;
    }
}
    
#blog-category-list > li > a{
    padding:0.25rem 1rem;
    font-size:0.9rem;
    
    border-radius:1rem;
    color:#999;
    text-decoration: none !important;
    border:solid 2px #999;
}

#blog-category-list > li > a:hover{
    color:#ffffff !important;
    background-color: #00ccff;
    text-decoration: none !important;
    border:solid 2px #00ccff !important;
}

.blog-category-list-active{
    border-radius:1rem;
    color:#ffffff !important;
    background-color: #00ccff;
    text-decoration: none !important;
    border:solid 2px #00ccff !important;
}

.bloglist-li-link{
    text-align: center;
}

.bloglist-arrow{
    width:10%;
    display:inline-block;
    position: absolute;
    right: 10px;
    margin-top:auto;
    margin-bottom:auto;
}

/*arrow*/
.bloglist-arrow::before{
/*left: 12px;*/
    top:21px;
    content:" ";
    width: 7px;
    height: 7px;
    border-top: 2px solid #00ccff;
    border-right: 2px solid #00ccff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.blogsidebar-bloglist > li > a{
    padding:1rem !important;
}